<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-input type="text" placeholder="请输入影片/影院/影人">
      <ion-icon name="search"></ion-icon>
    </ion-input>
    <ion-icon slot="end" name="calendar-number-outline"></ion-icon>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-slides pager>
    <ion-slide>
      <img
        src="https://puui.qpic.cn/tv/0/1239689021_1080607/0?max_age=7776000"
      />
    </ion-slide>
    <ion-slide>
      <img
        src="https://puui.qpic.cn/tv/0/1240004888_1080607/0?max_age=7776000"
      />
    </ion-slide>
    <ion-slide>
      <img
        src="https://puui.qpic.cn/tv/0/1239809026_1080607/0?max_age=7776000"
      />
    </ion-slide>
  </ion-slides>
  <!--  -->
  <ion-grid fixed>
    <ion-row>
      <ion-col size="3">
        <img src="../../assets/icon/new.png" />
        <div class="tabtitle">最新预告</div>
      </ion-col>
      <ion-col size="3">
        <img src="../../assets/icon/shishi.png" />
        <div class="tabtitle">实时票房</div>
      </ion-col>
      <ion-col size="3">
        <img src="../../assets/icon/ranking.png" />
        <div class="tabtitle">历史榜单</div>
      </ion-col>
      <ion-col size="3">
        <img src="../../assets/icon/market.png" alt="" />
        <div class="tabtitle">周边商城</div>
      </ion-col>
    </ion-row>
  </ion-grid>
  <!-- 正在热映 -->
  <ion-item detail lines="none">
    <ion-label>正在热映</ion-label>
    <ion-label slot="end"
      >全部(<ion-note color="danger">42</ion-note>)</ion-label
    >
  </ion-item>
</ion-content>
